<template><!-- 暂时不用页面 -->
	<view>
		<cu-custom bgColor="bg-maincolor" :isBack="true">
			<block slot="content">
				消息通知
			</block>
		</cu-custom>
		<view class="list_box">
			<view class="list_context flex" v-for="(item,index) in 5"  :key="index" :style="index==4?'border-bottom-width: 0;':''">
				<image src="https://bkimg.cdn.bcebos.com/pic/e824b899a9014c0848f8f316007b02087af4f446?x-bce-process=image/resize,m_lfit,w_536,limit_1/format,f_jpg" class="imgBox"></image>
				<view class="mText">
					1.学校申请企业
					3.学生申请企业
					6.学校审核企业
					10.系统通知
				</view>
				<view class="cuIcon-right right_box"></view>
			</view>
		</view>
	</view>
</template>

<script>
	const {appLogin,httpGet,httpPost} = require("@/utils/common.js")
	export default {
		data() {
			return {
				type:0,
				page:'1',
				page_size:'20'
			}
		},
		onLoad(opthion) {
			appLogin((user_info)=>{
				console.log(user_info)
				this.type = opthion.type
				console.log(this.type)
				this.displayList()
			})
		},
		methods: {
			displayList(){
				httpGet({
					url:'/api/company/notice_list',
					data:{
						type:this.type,
						page:this.page,
						page_size:this.page_size
					}
				}).then(res => {
						console.log(res)
					})
			}
		}
	}
</script>

<style>
	
	.list_box{
		margin-top: 30rpx;
		background-color: #FFFFFF;
	}
	
	
	.list_context{
		height: 176rpx;
		border-bottom-style: solid;
		border-bottom-color: #e7e7e7;
		border-bottom-width: 1rpx;
		padding-top: 40rpx;
		padding-left: 29rpx;
		position: relative;
	}
	
	
	.imgBox{
		width: 95rpx;
		height: 95rpx;
		border-radius: 180rpx;
	}
	
	.mText{
		margin-top: 7rpx;
		margin-left: 30rpx;
		/* white-space: pre-wrap; */
		height: 95rpx;
		font-size: 25rpx;
		width: 400rpx;
		word-break:break-all;
	}
	
	.right_box{
		position: absolute;
		right: 35rpx;
		margin-top: 33rpx;
		font-size: 25rpx;
		color: #bcbcbc;
	}
	
</style>
